{% extends 'systemapp/baselayout.html' %}
{% load staticfiles %}
{% block content %}
<link rel="stylesheet" type="text/css" href="{% static 'searchableSelect/jquery.searchableSelect.css' %}">
<script type="text/javascript" src="{% static 'base/basejquery.js' %}"></script>
<script type="text/javascript" src="{% static 'html/systemapp/userindex.js' %}"></script>
<script type="text/javascript" src="{% static 'searchableSelect/jquery.searchableSelect.js' %}"></script>

<div id="content">
	<div class="col-md-12">
	  <button type="button" name="add_user" class="btn btn-default" data-toggle="modal" data-target="#myModal">新增</button>
	  <button type="button" name="edit_user" class="btn btn-default">修改</button>
	  <button type="button" name="remove_user" class="btn btn-default">删除</button>
	</div>


	<!-- 模态框（Modal） -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	    <div class="modal-dialog">
	        <div class="modal-content">
	            <div class="modal-header">
	                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
	                <h4 class="modal-title" id="myModalLabel">新增员工</h4>
	            </div>
	            <div class="modal-body">
					<div class="row">
						<div class="col-md-3 input_txt">
							员工姓名：
						</div>
						<div class="col-md-6">
							<input type="text" class="form-control" name="employee_name" id="employee_name" />
						</div>
					</div>
					<div class="row">
						<div class="col-md-3 input_txt">
							员工编号：
						</div>
						<div class="col-md-6">
							<input type="text" class="form-control" name="employee_no" id="employee_no" />
						</div>
					</div>
					<div class="row">
						<div class="col-md-3 input_txt">
							登录密码：
						</div>
						<div class="col-md-6">
							<input type="text" class="form-control" name="user_password" id="user_password" />
						</div>
					</div>
					<div class="row">
						<div class="col-md-3 input_txt">
							域名账户：
						</div>
						<div class="col-md-6">
							<input type="text" class="form-control" name="employee_email" id="employee_email" />
						</div>
					</div>
					<div class="row">
						<div class="col-md-3 input_txt">
							所属部门：
						</div>
						<div class="col-md-6">
							<select name="employee_department" id="employee_department">
								{% for department in departmentlist %}
									<option value="{{ department.KeyId }}">{{ department.DepartmentName }}</option>
								{% endfor %}
							</select>
						</div>
					</div>
					<div class="row">
						<div class="col-md-3 input_txt">
							角色：
						</div>
						<div class="col-md-6">
							<select name="employee_role" id="employee_role">
								{% for role in rolelist %}
									<option value="{{ role.KeyId }}">{{ role.RoleName }}</option>
								{% endfor %}
							</select>
						</div>
					</div>
	            </div>
	            <div class="modal-footer">
	                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
	                <button type="button" class="btn btn-primary" name="submit_user_info">提交更改</button>
	            </div>
	        </div><!-- /.modal-content -->
	    </div><!-- /.modal -->
	</div>



</div>

{% endblock %}

